<template>
	<view class="loading-container">
		<view class="loading-spinner"></view>
		<view class="loading-text">加载中...</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.loading-container {
		text-align: center;
	}

	.loading-text {
		margin-top: 40upx;
		color: #808080;
		font-family: Arial, sans-serif;
	}

	.loading-spinner {
		width: 80upx;
		height: 80upx;
		border: 8upx solid #f3f3f3;
		border-top: 8upx solid #808080;
		border-radius: 50%;
		animation: spin 1s linear infinite;
	}

	@keyframes spin {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}
</style>